a{
    text-decoration: none;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    height: 100%;
}
.bigbox{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.list_div{
    margin-top: 30px;
    width:300px;
    height: 410px;
    float: left;
    margin-left: 30px;
    border-radius: 10px;
    box-shadow:4px 4px 15px #aaaaaa;
    transition: 0.5s;
}
.suofang{
    border-radius: 10px;
    display: block;
    /*margin: 0 auto;*/
    width:300px;
    height: 300px;
    overflow: hidden;
}
.suofang img{
    border-radius: 10px;
    width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
.suofang:hover img{
    border-radius: 10px;
    transform: scale(1.2);
    transition: all 1s ease 0s;
}


.suofang2{
    border-radius: 10px;
    display: block;
    /*margin: 0 auto;*/
    width:390px;
    height: 330px;
    overflow: hidden;
}
.suofang2 img{
    border-radius: 10px;
    width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
.suofang2:hover img{
    border-radius: 10px;
    transform: scale(1.2);
    transition: all 1s ease 0s;
}

.suofang3{
    border-radius: 10px;
    display: block;
    /*margin: 0 auto;*/
    width:550px;
    height: 300px;
    overflow: hidden;
}
.suofang3 img{
    border-radius: 10px;
    width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
.suofang3:hover img{
    border-radius: 10px;
    transform: scale(1.2);
    transition: all 1s ease 0s;
}
.list_div a{
    color: #aaaaaa;
}
.list_div span,
h4{
    padding: 4px 11px;
    color: #aaaaaa;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*.list_div a:link {*/
    /*text-decoration: -moz-none;*/
    /*color: #aaaaaa;*/
/*}    !* 未被访问的链接 *!*/
.list_div a:hover {
    text-decoration: none;
    color:  #007bff;
}   /* 鼠标指针移动到链接上 */
/*.list_div a:visited {*/
    /*text-decoration: -moz-none;*/
    /*color: greenyellow;*/
/*} !* 已被访问的链接 *!*/

/*.list_div a:active {*/
    /*color: orangered;*/
/*}  !* 正在被点击的链接 *!*/
.tuijian a:link{
    color: #000;
}
.tuijian a:hover{
    text-decoration: none;
    color:  #007bff;
}
#footer{
    width: 100%;
    height: 125px;
    margin-top: 20px;
    flex: 0 0 auto;
    background-color: #333;
    z-index: 0.1;
}
.footer-link{
    text-align: center;
    margin-top: 20px;
}
.footer-link a{
    color: #9d9d9d;
    padding: 0 40px;
}
.footer-link a:hover{
    text-decoration: none;
    color: white;
}
.footer-record .record{
    color: #9d9d9d;
    text-align: center;
    font-size: 13px;
    margin-top: 18px;
    padding-bottom: 17px;
}




